import { Component, OnInit } from '@angular/core';

// 引入服务，在哪里用，还要再次引用服务
import {StorageService} from '../../services/storage.service'
// 实例化服务,但是这样不推荐
// var storage=new StorageService();
// console.log(storage.get)

@Component({
  selector: 'app-search',
  templateUrl: './search.component.html',
  styleUrls: ['./search.component.css']
})
export class SearchComponent implements OnInit {

  // 搜索的内容
  public serchWords:string=''

  // 底下显示的内容
  public serchList:any[]=['啥','这是内容']

  // 这里在参数里实例化 
  constructor(public storage:StorageService) {
    
   }

  ngOnInit() {
    console.log('页面刷新会触发这个生命周日函数')
    var serchList2:any= this.storage.get('serchList')
    if(serchList2){
      this.serchList=serchList2
    }
  }
  search(){
    // =-1代表不存在，可以将关键字放进去
    if(this.serchList.indexOf(this.serchWords)==-1)
    {
      this.serchList.push(this.serchWords)

      // 每次增加，缓存 serchList
      this.storage.set("serchList",this.serchList)
    }
    this.serchWords=''
  }

  delete(key:any){
    this.serchList.splice(key,1)
  }
}
